*{
	padding:0;
	margin:0;
	list-style: none;
}
a{
	text-decoration: none;
}
.disnone{
	display: none;
}
.disblock{
	display: block;
}
.sort-container {
	background-color: #cecece;
}

.sort-search-box {
	background-color: #fff;
	padding: 2.93vw 4vw 1.47vw 4vw;
	margin-bottom: 0.13vw;
}
	
.sort-search{
	position: relative;
}
.sort-search input {
	width:63.54vw;
	height: 8.53vw;
	background-color: #ededed;
	border-radius: 1.33vw;
	padding-left: 25.73vw;
	padding-right: 2.73vw;
	border:none;
	font-size: 3.73vw;
	line-height: 8.53vw;
}
.ser-icon{
	position: absolute;
	top:50%;
	transform: translateY(-50%);
	left:20.4vw;
	line-height: 0;
	
}
.ser-icon span{
	font-size: 4.13vw;
	
}
.sort-search input:focus{
	outline: none;
}
.sort-content{
	display: flex;
	justify-content: space-between;
	height:207.33vw;
}
.sort-nav{
	background-color: #fff;
	width:21.73vw;
	padding-top: 6.27vw;

}
.sort-nav li a{
	font-size: 3.47vw;
		font-weight: bold;
		color:#555;
}
.sort-nav li{
	text-align: center;
	margin-bottom: 8.53vw;
	position: relative;
}
.sort-nav li:hover a{
	color: #c55a5c;
}
.redline{
	width: 0.8vw;
		height: 6.67vw;
		background-color: #c55a5c;
		position: absolute;
		left:0;
		top:0;
}
.sort-detail{
	background-color: #fff;
	padding-top: 4vw;
	padding-right: 3.73vw;
	padding-left: 4.13vw;
}
.sort-detail-c-header{
	width: 70.4vw;
		height: 25.6vw;
		border-radius: 1.33vw;
margin-bottom: 5.6vw;
}
.sort-detail-c-header img{
	width:100%;
	height:100%;
}
.sort-detail-c-title-l{
	width: 5.33vw;
		height: 0.27vw;
		background-color: #cecece;
}
.sort-detail-c-title{
	display: flex;
	align-items: center;
	justify-content: center;
margin-bottom: 7.87vw;
}
.sort-detail-c-title-word{
	padding:0 3.6vw;
	font-size: 3.47vw;
		font-weight: bold;
		color:#555;
}
.sort-detail-cc{
	width:70.4vw;

	display: flex;
	justify-content: space-between;
	flex-wrap: wrap;
	align-items:baseline;
}
.sort-detail-cc li{
	width:13.3vw;
	margin:0 4.8vw;
	margin-bottom: 5.2vw;
}
.sort-detail-cc-img{
	width:13.3vw;
	margin-bottom: 4vw;
}
.sort-detail-cc-img img{
	width:100%;
}
.sort-detail-cc-name{
	font-size: 3.2vw;
		font-weight: bold;
		color:#777;
		text-align: center;
}
/* 底部菜单部分 */
.perctr-bot{
	position: fixed;
	bottom: 0;
	z-index: 2;
	width:100%;
	background-color: #fff;
	padding-top: 3.2vw;
	padding-bottom: 1.2vw;
}
.perctr-bot-c li{
	width:9.6vw;
	font-size: 3.2vw;
	color:#555;
}
.perctr-bot-c li img{
	width:5.07vw;
}
.perctr-bot-c li div{
	text-align: center;
}
.perctr-bot-c{
	display: flex;
	width:88.13vw;
	justify-content: space-between;
	margin:0 auto;
	
}
.perctr-bot-c li>div:nth-child(1){
	margin-bottom:1.6vw;
}
.perctr-bot-c a{
	color:#555;
}
